    body {
        background: #fff;
    }
    
    .pxToRem(@p, @px) {
        @{p}: @px / 75px * 1rem;
    }
    
    .main {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        .pxToRem(height, 100);
        width: 100%;
        background: #fff;
        .pxToRem(line-height, 100);
        ul {
            display: flex;
            justify-content: center;
            align-items: center;
            .pxToRem(height, 90);
            li {
                .pxToRem(font-size, 39);
                padding: 0 5%;
                //           .pxToRem(padding,39);
            }
            .nav_one {
                color: #fc2d3f;
                border-bottom: 3px solid #fc2d3f;
            }
        }
    }
    
    .seach {
        width: 100%;
        position: fixed;
        .pxToRem(top, 100);
        z-index: 999;
        background: #fff;
        padding-top: 3%;
        padding-bottom: 3%;
        .pxToRem(height, 100);
        span {
            border-radius: 40px;
            .pxToRem(line-height, 100);
            width: 90%;
            display: block;
            background: #fff6f7;
            margin-left: 5%;
            input {
                padding: 3% 15%;
                .pxToRem(font-size, 35);
                border: none;
                text-align: center;
                background: url(../images/3.png) no-repeat 15% center;
            }
        }
    }
    
    //.list {
    //  .pxToRem(margin-top, 100);
    //  .lan {
    //      .pxToRem(margin-top, 150);
    //      
    //  }
    ////  .chat {
    ////      width:500px;
    //      .swiper-container {
    //          width: 100%;
    //          height: auto;
    //          margin-left: auto;
    //          margin-right: auto;
    //          .swiper-slide {
    //              text-align: center;
    //              font-size: 18px;
    //              background: #fff;
    //              display: flex;
    //              justify-content: center;
    //              align-items: center;
    //          }
    //      }
    //      .chan_swi{
    //          width: 800px;
    //  }
    .list {
        .pxToRem(margin-top, 230);
                .pxToRem(margin-bottom,130);
        width: 100%;
        .swiper-container {
            width: 100%;
//          height: 100%;
            .swiper-slide {
                text-align: center;
                font-size: 18px;
                background: #fff;
                .ge{
//                  .pxToRem(margin-top,80);
               
                .cha {
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    .pxToRem(font-size, 28);
                    .pxToRem(line-height, 100);
                    .div {
                        color: #878382;
                        .pxToRem(padding-left, 24);
                    }
                    .chakna {
                         .pxToRem(padding-right, 48);
                        p {
                            display: inline-block;
                        }
                        img {
                            .pxToRem(width, 15);
                            .pxToRem(padding-top, 10);
                        }
                    }
                }
                .chan {
                    .swiper-container {
                        width: 100%;
                        height: auto;
                        margin-left: auto;
                        margin-right: auto;
                        .swiper-slide {
//                          text-align: center;
                            font-size: 18px;
                            background: #fff;
//                          height: 200px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            dl{
                                display: flex;
                                justify-content: flex-start;
                                padding: 2% 0;
                                dt{
                                    width:50%;
//                                  .pxToRem(padding-top, 15);
                                    img{
                                       .pxToRem(width, 338);
                                    }
                                }
                                dd{
                                    flex: 1;
                                    .pxToRem(margin-top, 66);
                                    .pxToRem(margin-left,65);
                                    h2{
                                        .pxToRem(font-size, 25);
                                        .pxToRem(line-height,45);
                                    }
                                    p{
                                        .pxToRem(font-size, 20);
                                      
                                    }
                                }
                            }
                            .click{
                                .pxToRem(width,185);
                                border: 1px solid red;
                                padding: 3% 4%;
                                color: red;
                                font-weight: bold;
                                .pxToRem(font-size,25);
                            }
                        }
                    }
                }
                .fenlei{
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    flex-wrap: wrap;
                    width: 100%;
                    img{
                         .pxToRem(width, 338);
                        padding:1%;
                    }
                }
            }
             }
        }
    }
    
.footer {
    width: 100%;
    .pxToRem(height,100);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
//  .pxToRem(height, 143);
    z-index: 99;
//  .pxToRem(margin-top,520);
    .dl {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex: 1;
        padding: 0 25%;
        dt {
            text-align: center;
            img {
                width:50%;
            }
        }
        dd {
            .pxToRem(font-size,20);
             .pxToRem(padding-top,15);
            color: #000000;
        }
    }
    dl:nth-child(1){
        .pxToRem(margin-left,5%);
    }
    .xuan{
        dd {
            color: red;
        }
    }
}